@import '../assets/css/gobal';
.servers {
  position: relative;
  box-sizing: border-box;
  padding: 0 24px;
  width: 909px;
  height: 162px;
  background-image: url("../assets/img/bigScreenNew/servers-bg.png");
  background-repeat: no-repeat;
  color: #b0e3fb;
  .server-item {
    position: relative;
    box-sizing: border-box;
    margin-top: 63px;
    padding-left: 70px;
    width: 201px;
    height: 69px;
    background-image: url("../assets/img/bigScreenNew/server-content.png");
    background-repeat: no-repeat;
    .logo {
      position: absolute;
      width: 42px;
      height: 42px;
      top: 50%;
      left: 15px;
      transform: translateY(-50%);
      border-radius: 50%;
      img {
        transform: translateY(25%);
      }
    }
    .title {
      line-height: 69px;
      @include text-overflow();
    }
    &:first-child {
      background-image: url("../assets/img/bigScreenNew/server-first.png");
    }
    &:last-child {
      background-image: url("../assets/img/bigScreenNew/server-last.png");
    }

  }
}
